<template>
	<view class="server-record-container">
		<view class="title-box">
			【订单完成】请上传服务记录
		</view>
			
		<view class="text-box mt-30">
			<view>
				<text>您已完成本次技工服务订单，请尽快上传服务过程中的照片和视频至订单页面。完整记录将加速订单完成情况，感谢您的配合！</text>
			</view>
		</view>
		
		<view class="bt-item mt-30" @click="onGoUpload">去上传</view>
	</view>
</template>





<script setup>
import { ref, computed, watch, onMounted} from 'vue'
const props = defineProps({
	orderId: {type: Number,default: 0},
})
const emit = defineEmits(['closeSelfAndUpload'])
const onGoUpload=()=>{
	emit('closeSelfAndUpload',props.orderId)
}
</script>




<style lang="scss" scoped>
	.server-record-container{
		width: 60vw;
		padding: 70upx 30upx 60upx 30upx;
		overflow: hidden;
		background-color: #fff;
		
	}

	.title-box{
		font-size: 32upx;
		
	}
	
	.text-box{
		font-size:24upx
	}
	
	.bt-item{
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid red;
		color: red;
		border-radius: 60upx;
		width: 100%;
		padding: 20upx 0;
		box-sizing: border-box;
	}
	
	
	
	
	
	
	
	
	
</style>